/*
 * @Author: lusx 
 * @Date: 2020-05-25 13:33:11 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-05-26 15:22:50
 */
.gv-overall {
    ul {
        list-style: none;
        margin    : 0px;
        padding   : 0px;
    }

    .gv-overall-number {
        background-color: #fff;
        margin          : 15px 10px 10px 10px;
        padding         : 15px 0px;
        border-radius   : 5px;
        box-shadow      : 0 3px 9px rgba(0, 0, 0, 0.1);

        ul {
            display        : flex;
            justify-content: center;
            align-content  : center;

            li {
                text-align   : center;
                padding-right: 7px;

                div {
                    &:nth-of-type(1) {
                        color      : #877ead;
                        padding    : 8px 0px;
                        font-weight: bold;
                    }

                    &:nth-of-type(2) {
                        color    : @color-text-secondary;
                        font-size: @font-size-caption-sm;
                    }
                }
            }
        }
    }

    .gv-overall-card {
        display        : flex;
        justify-content: center;

        .gv-overall-card-box {
            background-color: #fff;
            margin          : 15px 15px 10px 15px;
            border-radius   : 10px;
            box-shadow      : 0 3px 9px rgba(0, 0, 0, 0.1);
            width           : 80%;
            padding         : 10px;

            header {
                font-size  : @font-size-subhead;
                color      : #d0ceda;
                font-weight: bold;
            }

            main {
                padding-top: 10px;

                ul {
                    li {
                        overflow     : hidden;
                        text-overflow: ellipsis;
                        word-wrap    : none;
                        padding-top  : 7px;

                        span {
                            &:nth-of-type(1) {
                                padding-left: 10px;
                                color       : #877ead;
                            }

                            &:nth-of-type(2) {
                                float        : right;
                                padding-right: 10px;
                                color        : #d0ceda;
                                font-weight  : bold;
                            }
                        }
                    }
                }
            }
        }

    }
}

.gv-status {
    .am-list-footer {
        display: none;
    }

    .wm-list-view-page-modal-listbox {
        height: 350px;
    }
}